<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Account</title>
<link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="resources/css/style.css" />
</head>
<body>

	<jsp:include page="parts/navigation.jsp"></jsp:include>

	<div id="regForm">
	<form class="form-horizontal" role="form" id="account-data-form" method="POST" action="updateAccount">
		<input type="hidden" id="userId" value="${user.id}">
		<div class="form-group">
			<label for="inputLogin" class="col-sm-3 control-label"> Login </label>
			<div class="col-xs-6">
				<input type="text" class="form-control" id="inputLogin" name="inputLogin" placeholder="Login" value="${user.login}"> <span class="statusLogin"></span>
			</div>
		</div>
		<div class="form-group">
			<label for="inputPassword" class="col-sm-3 control-label"> Password </label>
			<div class="col-xs-6">
				<input type="password" class="form-control" id="inputPassword" name="inputPassword" placeholder="Password">
			</div>
		</div>
		<div class="form-group">
			<label for="inputConfirmPassword" class="col-sm-3 control-label"> Confirm password </label>
			<div class="col-xs-6">
				<input type="password" class="form-control" id="inputConfirmPassword" name="inputConfirmPassword" placeholder="Confirm password">
			</div>
		</div>
		<div class="form-group">
			<label for="inputEmail" class="col-sm-3 control-label"> Email </label>
			<div class="col-xs-6">
				<input type="email" class="form-control" id="inputEmail" name="inputEmail" placeholder="email"> <span class="statusEmail"></span>
			</div>
		</div>
		<div class="form-group">
			<label for="inputFName" class="col-sm-3 control-label"> First name </label>
			<div class="col-xs-6">
				<input type="text" class="form-control" id="inputFName" name="inputFName" placeholder="First name">
			</div>
		</div>
		<div class="form-group">
			<label for="inputLName" class="col-sm-3 control-label"> Last name </label>
			<div class="col-xs-6">
				<input type="text" class="form-control" id="inputLName" name="inputLName" placeholder="Last name">
			</div>
		</div>
		<div class="form-group" style="color: red">
			<label for="sex" class="col-sm-3 control-label"> Sex </label>
			<div class="col-xs-6">
				<input type="radio" value="male" name="sex"> Male <input type="radio" value="female" name="sex"> Female
			</div>
		</div>
		<div class="form-group">
			<label for="birthday" class="col-sm-3 control-label"> Date Of Birth </label>
			<div class="col-xs-6" id="birthday">
				<label for="year" class="col-sm-2 control-label"> Year </label>
				<div class="col-xs-2">
					<input type="text" class="form-control" id="year" name="year" placeholder="year">
				</div>
				<label for="munth" class="col-sm-2 control-label"> Month </label>
				<div class="col-xs-2">
					<input type="text" class="form-control" id="month" name="month" placeholder="month">
				</div>
				<label for="day" class="col-sm-2 control-label"> Day </label>
				<div class="col-xs-2">
					<input type="text" class="form-control" id="day" name="day" placeholder="day">
				</div>
			</div>
		</div>

		<div class="form-group">
			<div class="col-xs-offset-2 col-xs-6 text-right">
				<button type="submit" class="btn btn-info">Register</button>
			</div>
		</div>
	</form>
	</div>



</body>
</html>